<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
   <title>InTV Grabber</title>
   <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />	
   <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
   <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
   <script type="text/javascript">
      $(function(){
         $("#films").accordion({header: "h3"});
      });
   </script>
   <style type="text/css">
      body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 0px;}
      .demoHeaders { margin-top: 2em; }
      #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
      #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
      ul#icons {margin: 0; padding: 0;}
      ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
      ul#icons span.ui-icon {float: left; margin: 0 4px;}
   </style>
</head>
<body>
   <div id="films">
      {films}
      <!--<div>
         <h3><a href="#">First</a></h3>
         <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
      </div>
      <div>
         <h3><a href="#">Second</a></h3>
         <div>Phasellus mattis tincidunt nibh.</div>
      </div>
      <div>
         <h3><a href="#">Third</a></h3>
         <div>Nam dui erat, auctor a, dignissim quis.</div>
      </div>-->
   </div>
</body>
</html>
